@charset "utf-8";
@import "reset";
@function r($p){
    @return $p/40*1rem;
}
*{
    margin: 0;
    padding: 0;
    list-style: none;
}
html,body{
    width: 100%;
    height: 100%;
}
html{
    font-size: 40px;
}
body{
    font-size:16px
}
.WebPage{
    width: r(640);
    height: 100%;
    position: relative;
}
.WebHead{
    width: r(640);
    height: r(75);
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #a7a7a7;
    >p{
        margin:0 r(206) ;
    }
}
.WebContent{
    width: r(640);
}
.WebContent-Title{
    width: r(640);
    height: r(92);
    border-bottom:1px solid #a7a7a7 ;
    display: flex;
    justify-content: center;
    align-items: center;
    >input{
        width: r(594);
        height: r(54);
        border-radius:5px ;
        background: #f2f2f2;
        border: 0px;
        text-align: center;
    }
}
.WebContent-Content{
    width: r(640);
    display: flex;
    >div:nth-of-type(1){
        width: r(160);
        >ul{
            width: r(160);
            >li{
                width: r(160);
                height: r(98);
                border: 1px solid #cccccc;
                line-height: r(98);
                background: #e5e5e5;
                text-align: center;
                box-sizing: border-box;
            }
            >li:nth-of-type(1){
                background: white;
                border: 0px;
                border-left:5px solid black ;
            }
        }
    }
    >div:nth-of-type(2){
        >div{
            position: relative;
            display: flex;
            margin-top: r(18);
            margin-left: r(20);
            >div:nth-of-type(1){
                width: r(83);
                height: r(83);
                >img{
                    width: r(83);
                }
            }
            >div:nth-of-type(2){
                margin-left: r(20);
                font-size: 12px;
                width: r(356);
                height: r(83);
                border-bottom: 1px solid #b2b2b2;
                >p{
                    >i{
                        font-size: 12px;
                        
                    }
                }
                >i{
                    position: absolute;
                    right: r(28);
                    top: r(13);
                }
            }
        }
    }
}
